<template>
  <div class="index">
    <el-row :gutter="20">
      <el-col :span="6">
        <div class="grid-content bg-purple">
          <div class="car">
            <h3>实验考试管理系统</h3>
            <el-button type="primary" @click="clickone" round>出发 <i class="el-icon-arrow-right"></i></el-button>
          </div>
        </div>
      </el-col>
      <el-col :span="6">
        <div class="grid-content bg-purple">
          <h1>home内容</h1>
        </div>
      </el-col>
      <el-col :span="6">
        <div class="grid-content bg-purple">
          <h1>home内容</h1>
        </div>
      </el-col>
      <el-col :span="6">
        <div class="grid-content bg-purple">
          <h1>home内容</h1>
        </div>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: "home",
  methods: {
    clickone(event){
      // window.open('https://www.baidu.com/', '_blank');
      window.open('http://120.194.212.67:9000/#/login', '_blank');
      // window.location.href= window.location.protocol + '//' + 'www.baidu.com';
    }
  },
  mounted() {

  }
}
</script>

<style scoped>
.car{
  height: 90%;
  width: 90%;
}

.index{
  text-align: -webkit-center;
}

.grid-content{
  border-radius: 15px;
  width: 200px;
  height: 300px;
  background-color: #42b983;
}
</style>
